<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <script type="text/javascript" src="../public/cdn/axios/1.0.0/axios.min.js"></script>
    </head>

    <script>
        // 场景：如果后端接口地址有多个，并且超时时长不一样，此时我们可以我们可以创建axios实例，利用axios实例进行网络请求
        let instance = axios.create({
            baseURL: "json/",
            timeout: 1000, // 超时一秒，超过这个时长后端会报(返回)401超时
            headers: {
                token: "123"
            }
        });
        instance.get("/data.json").then((res) => {
            console.log(res);
        });
        // 配置方式的优先级：axios全局配置 < axios实例配置 < axios请求配置
        // axios全局配置
        axios.defaults.timeout = 2000
        // axios实例配置
        instance.defaults.timeout = 2000
    </script>
    <body>
    </body>
</html>
